<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Stock Tracker</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    
		<link rel="stylesheet" href="css/basic.css" type="text/css">
		<script language="javascript" type="text/javascript" src="js/StockTracker.js"></script>  		
	</head>
	<body onload="StockTracker.init();" class="body">
	  <div id="header">Stock Tracker</div>	  
	    <div id="search_form">
	      <form>
	        <table>	          
	            <tr><td><input class="searchElement" type="text" name="symbol" id="symbol" size="5" value="nok" /></td></tr>	            
				<tr><td><input class="searchElement" type="button" value="Search" onclick="mwl.switchClass('#incorrect_symbol_message', 'show', 'dont_show');mwl.toggleClass('#progress_anim', 'progress_visible');StockTracker.getData(null, false);" /></td></tr>					           	         
	        </table>
	      </form>		  
	    </div>
		<div class="hidden extra_info_animation progress_bar" id="progress_anim"><img src="images/ajax-loader.gif" alt="" /></div>
	    <div id="incorrect_symbol_message" class="dont_show error_message">
	      Incorrect Symbol. Please try again.
	    </div>
	    <div id="data_grid"></div>
	</body>
</html>

